<template>
	<div class="full_com czjz_com">
		<div class="top-box relative_com">
			<div class="ysj_com" style="right: 5px;top: 5px;z-index: 1;">
				<!-- <el-button size="mini" type="primary" icon="el-icon-plus">新增楼宇</el-button> -->
			</div>
			<el-menu default-active="1" class="el-menu-demo" mode="horizontal" background-color="transparent" text-color="#fff"
			 active-text-color="#ffd46e">
				<el-menu-item index="1">列表</el-menu-item>
			</el-menu>
		</div>
		<el-scrollbar style="height:100%;width: 100%;">
			<div class="list-box">
				<card-box v-for="item of 50"></card-box>
			</div>
		</el-scrollbar>
		<div class="fenye spjz_com">
			<el-pagination background layout="prev, pager, next" :total="1">
			</el-pagination>
		</div>
	</div>
</template>

<script>
	export default {
		components: {
			cardBox: () => import('./components/card-box/index.vue')
		},
		data() {
			return {
				activeName: 'first'
			}
		}
	}
</script>

<style scoped>
	.list-box {
		flex: 1;
		width: 100%;
		height: 100%;
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
	}

	.top-box {
		height: 42px;
		width: 100%;
	}

	.fenye {
		height: 46px;
		width: 100%;
		align-items: center;
	}

	.el-menu {
		border-bottom: 2px solid rgba(255, 255, 255, 0.2);
		font-size: 20px;
	}

	.is-active {
		border-bottom: none !important;
	}

	.el-menu--horizontal>.el-menu-item {
		height: 40px;
		line-height: 40px;
	}
</style>
